body {
  font: 14px arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}
table {
  font-size:inherit;
  font:100%;
}
select,
input,
textarea { font:99% arial,helvetica,clean,sans-serif; }
pre, 
code {
  font:115% monospace;
  *font-size:100%;
}
body * { line-height:1.22em; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 1em; 
}
ul li li,
ol li li { font-size: 1em; }
img { border: 0; }
table { border-collapse: collapse; }
/**************************************************************************
REUTILIZABLES
/*************************************************************************/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */